import {
  Tabs,
  NavBar,
  Icon,
  Popover,
  Button,
  List,
  Modal,
  InputItem,
  Checkbox,
  TextareaItem,
} from 'antd-mobile';
import React from 'react';
import { connect } from 'dva';
import { routerRedux } from 'dva/router';

const ListItem = List.Item;
const CheckboxItem = Checkbox.CheckboxItem;
import styles from './index.less';

class Tab1 extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    const {
      data,
      modalVisible,
      flowUser,
      flow,
      process,
      flowIndex,
      flowUserIndex,
      selectIndex,
      message,
      label,
      disabled,
      personList
    } = this.props;
    return (
      <div
        style={{
          width: '100%',
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          paddingBottom: 100,
        }}
      >
        {data.map(item => (
          <div
            key={item.detailK}
            style={{
              lineHeight: 1.5,
              background: '#FFF',
              color: '#000',
            }}
            className={styles.item}
          >
            <span style={{ color: 'rgba(125,125,125,.6)', marginRight: -5 }}>{item.detailK}:</span>
            <span >{item.detailV}</span>
          </div>
        ))}
      </div>
    );
  }
}
export default connect(({ detail, contacts }) => ({ detail, contacts }))(Tab1);
